<!DOCTYPE html>
<html>
<title>Text Property</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="syntax-highlighter/chili-2.2/jquery.chili-2.2.js"></script>
<script type="text/javascript" src="syntax-highlighter/chili-2.2/recipes.js"></script>
<script type="text/javascript">
$(function() {
  $('pre').chili();
});
</script>
<style>
pre{font-family:Verdana;font-size:13px;}
</style>

<head>  

</head>
<body>
<pre class="html">&lt;script type="text/javascript"&gt;
dp.sh.Brushes.JScript = function()
{
	var keywords =	'abstract boolean break byte case catch char class const continue debugger ' +
					'default delete do double else enum export extends false final finally float ' +
					'for function goto if implements import in instanceof int interface long native ' +
					'new null package private protected public return short static super switch ' +
					'synchronized this throw throws transient true try typeof var void volatile while with';

	this.regexList = [
		{ regex: dp.sh.RegexLib.SingleLineCComments,				css: 'comment' },			// one line comments
		{ regex: dp.sh.RegexLib.MultiLineCComments,					css: 'comment' },			// multiline comments
		{ regex: dp.sh.RegexLib.DoubleQuotedString,					css: 'string' },			// double quoted strings
		{ regex: dp.sh.RegexLib.SingleQuotedString,					css: 'string' },			// single quoted strings
		{ regex: new RegExp('^\\s*#.*', 'gm'),						css: 'preprocessor' },		// preprocessor tags like #region and #endregion
		{ regex: new RegExp(this.GetKeywords(keywords), 'gm'),		css: 'keyword' }			// keywords
		];

	this.CssClass = 'dp-c';
};

dp.sh.Brushes.JScript.prototype	= new dp.sh.Highlighter();
dp.sh.Brushes.JScript.Aliases	= ['js', 'jscript', 'javascript'];&lt;/script&gt;</pre>
<pre class="css">&lt;style type="text/css"&gt; 
body{ 
    font-family:Arial, Helvetica, Georgia, sans-serif; 
    font-size:12px; 
    text-align:center;  /* http://gubhugreyot.blogspot.com */ 
    vertical-align:top; 
    background:red url(http://jqueryprojects.blogdetik.com/2011/11/11/new-jquery-chili-syntax-highlighter-u-blogdetik-blogger.jpg); 
    COLOR:#000; /* http://gubhugreyot.blogdetik.com */ 
    width:1007px; 
} 
.right_sidebar_col{ 
    width:170px;  
    float:left; 
    background:royalblue;  
    display:inline; 
    margin:0; 
} 
left_sidebar a, #left_sidebar a:link, post h2 a, .postdate, .post a, .post a:link, #header h1 a, pre{ 
    transition:1s; 
    -o-transition:1s; 
    -moz-transition:1s; 
    -webkit-transition:1s; 
    transorm:rotate(180deg) translate(100px, 50px) scale(1.5); 
    -o-transform:rotate(180deg) translate(100px, 50px) scale(1.5); 
    -moz-transform:rotate(180deg) translate(100px, 50px) scale(1.5); 
    -webkit-transform:rotate(180deg) translate(100px, 50px) scale(1.5); 
    animation:1s; 
    -o-animation:1s;  
    -moz-animation:1s; 
    -webkit-animation:1s; 
} 
left_sidebar{ 
    position:absolute; 
    right:30px;   
    top:170px; 
    width:350px; 
    height:300px; 
    background:transparent; 
    overflow:auto; 
} 
&lt;/style&gt;</pre>

</body> 
</html>
